.za{
	width: 100%;
	height: 100%;
}
.za header{
	position: fixed;
	background-color: #0097FF;
	width: 100%;
	height: 12vw;
	top: 0;
	left: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 4.8vw;
}
.za .xs{
	width: 100%;
	margin-top: 12vw;
	background-color: #0097EF;
	color: #eee;
}
.za .zq{
	box-sizing: border-box;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	background-color: #0097EF;
	color: #eee;
}
.za .sw{
	background-color: #0097EF;
	color: #eee;
}
.za .xw{
	width: 100%;
}
.za .xw li{
	box-sizing: border-box;
	width: 100%;
	padding: 3vw;
	color: #666;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.za .xw li .de{
	display: flex;
	align-items: center;
}
.za .box{
	display: flex;
	width: 100%;
	border: 1px solid #eee;
	position: fixed;
	bottom: 0;
	left: 0;
}
.za .box div{
	height: 50px;
	border: 1px solid white;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.za .box div:nth-child(1){
	background-color: black;
	color: white;
	flex-grow: 2;
}
.za .box div:nth-child(2){
	background-color: springgreen;
	color: white;
	flex-grow: 1;
}